<template>
	<div class="flex-start-center" style="font-weight: 400;">
		<div class="flex-start-center">
			<div
				v-for="(stateItem) in stateList"
				:key="stateItem.id"
				class="flex-start-center margin-right-10"
			>
				<div style="width: 18px;height: 8px;border-radius: 2px;margin-right: 3px;" :style="{ background: stateItem.color }"></div>
				<div>{{ stateItem.name }}</div>
			</div>
		</div>
	</div>
</template>
<script>
    export default {
        props: {
            stateList: {
                type: Array,
                default() {
                    return [];
                }
            }
        }
    };
</script>
